<template>
  <div>
    <p>
      <span @click="close">X</span>
    </p>

  </div>
</template>

<script>
  export default{
    data(){
      return {
      }
    },
    components: {},
    methods: {
      close() {
        this.$emit('close', 1, '22')
      }
    }
  }
</script>
<style lang="scss" scoped>
  p {
    width: 200px;
    height: 200px;
    background-color: #c0c0c0;
    position: relative;
    margin: 20px auto 0;
    span{
      position: absolute;
      right: -10px;
      top: -10px;
      background-color: #a91c1a;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      color: #fff;
    }
  }
</style>
